@charset "utf-8";
/* 注册、登录样式表 */
#main .bgA_01{ width:980px; margin:0 auto;}
#main .bgA_01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#main #leftArea{ width:700px; float:left;}
#main #rightArea{ width:263px; float:left; padding:0 0 0 17px;}


/* 功能模块样式 */
.loginNRegPanel_01{ height:400px; padding:40px 0 40px 40px; background:#fff; margin:0 0 20px;}
.loginNRegPanel_01 .formField{ height:100%; float:left; width:320px; background:#dcdcdc;}
.loginNRegPanel_01 .formField .menu{ width:100%;}
.loginNRegPanel_01 .formField .menu ul{ height:40px;}
.loginNRegPanel_01 .formField .menu ul li{ width:160px; float:left; line-height:40px; font-size:14px;}
.loginNRegPanel_01 .formField .menu ul li a{ display:block; width:100%; height:100%; text-align:center; background:#eee;}
.loginNRegPanel_01 .formField .menu ul li a:hover{ text-decoration:none;}
.loginNRegPanel_01 .formField .menu ul li a.on{ background:#dcdcdc;}
.loginNRegPanel_01 .formField .list{ padding:20px 10px 0;}
.loginNRegPanel_01 .formField .list ul{}
.loginNRegPanel_01 .formField .list ul li{ width:240px; height:24px; background:0 0 no-repeat; padding:13px 13px 13px 47px; margin:0 0 10px;}
.loginNRegPanel_01 .formField .list ul li .txt{ border:0; background:none; width:100%; height:100%; line-height:24px; padding:0;}
.loginNRegPanel_01 .formField .list ul li.id{ background-image:url(../images/bg_input_02.gif);}
.loginNRegPanel_01 .formField .list ul li.pw{ background-image:url(../images/bg_input_01.gif);}
.loginNRegPanel_01 .formField .list ul li.text{ width:100%; padding:0; text-align:right; margin:0;}
.loginNRegPanel_01 .formField .list ul li.text em{ color:#f00;}
.loginNRegPanel_01 .formField .list ul li.dm{ background-image:url(../images/bg_input_03.gif);}
.loginNRegPanel_01 .formField .list ul li.dm .txt{ width:150px; margin:0 10px 0 0;}
.loginNRegPanel_01 .formField .list ul li.dm span{ display:inline-block; vertical-align:middle; width:68px; padding:0 0 0 6px; height:100%; border-left:1px solid #000; font-size:14px; line-height:24px; color:#999;}
.loginNRegPanel_01 .formField .btns{ padding:20px 10px 0;}
.loginNRegPanel_01 .formField .btns .btn{ display:block; width:100%; height:50px; cursor:pointer; text-indent:-9999px; overflow:hidden; background:0 0 no-repeat;}
.loginNRegPanel_01 .formField .btns .btn1{ background-image:url(../images/btn_reg_01.gif)}
.loginNRegPanel_01 .formField .btns .btn2{ background-image:url(../images/btn_login_01.gif)}
.loginNRegPanel_01 .formField .checks{ padding:0 10px;}
.loginNRegPanel_01 .formField .checks .check{ vertical-align:middle;}
.loginNRegPanel_01 .formField .checks label{ color:#333; margin:0 20px 0 0;}
.loginNRegPanel_01 .btnField{ height:100%; margin:0 0 0 340px; border-left:1px dashed #ccc; padding:0 0 0 20px;}
.loginNRegPanel_01 .btnField ul{ padding:88px 0 0;}
.loginNRegPanel_01 .btnField ul li{ width:266px; height:60px; padding:0 9px 19px 0; float:left;}
.loginNRegPanel_01 .btnField ul li .btn{ display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:0 0 no-repeat;}
.loginNRegPanel_01 .btnField ul li .btn1{ background-image:url(../images/btn_weiboLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn2{ background-image:url(../images/btn_QQLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn3{ background-image:url(../images/btn_doubanLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn4{ background-image:url(../images/btn_renrenLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn5{ background-image:url(../images/btn_TWeiboLogin_01.gif);}
.loginNRegPanel_01 .btnField ul li .btn6{ background-image:url(../images/btn_MSNLogin_01.gif);}


.jumpPanel_01{ height:400px; padding:40px; background:#fff; margin:0 0 20px;}
.jumpPanel_01 .bgP_01{ background:#eee; height:100%;}
.jumpPanel_01 .titleField{ padding:40px 0 0;}
.jumpPanel_01 .titleField h1{ text-align:center; font-size:14px; color:#333;}
.jumpPanel_01 .textField{ width:290px; margin:0 auto; padding:20px 0;}
.jumpPanel_01 .infoField{ width:260px; margin:20px auto 10px; height:60px; padding:10px 0 10px 40px; background:url(../images/btn_bg_16.gif) 0 0 no-repeat;}
.jumpPanel_01 .infoField .img{ width:60px; height:100%; float:left;}
.jumpPanel_01 .infoField .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.jumpPanel_01 .infoField .img img{ display:block;}
.jumpPanel_01 .infoField .info{ margin-left:75px;}
.jumpPanel_01 .infoField .info h2{ line-height:30px; height:30px; overflow:hidden; padding:0 0 0 20px; background:url(../images/icon_person_01.gif) 0 0 no-repeat;}
.jumpPanel_01 .infoField .info h2 .name{ font-size:14px; color:#f08200;}
.jumpPanel_01 .infoField .info p{ line-height:30px; color:#999;}
.jumpPanel_01 .btnField{ width:300px; margin:0 auto;}
.jumpPanel_01 .btnField ul{}
.jumpPanel_01 .btnField ul li{ width:100%; height:80px; background:url(../images/btn_bg_16.gif) 0 0 no-repeat; margin:0 0 10px;}
.jumpPanel_01 .btnField ul li .btn{ display:block; height:100%; padding:0 0 0 80px; background:10px 50% no-repeat; line-height:80px; font-size:14px;}
.jumpPanel_01 .btnField ul li .btn1{ background-image:url(../images/icon_btn_03.gif);}
.jumpPanel_01 .btnField ul li .btn2{ background-image:url(../images/icon_btn_04.gif);}
.jumpPanel_01 .btnField ul li .btn3{ background-image:url(../images/icon_btn_01.gif);}
.jumpPanel_01 .btnField ul li .btn4{ background-image:url(../images/icon_btn_02.gif);}
.jumpPanel_01 .btnField ul li .btn:hover{ text-decoration:none; color:#999;}


.forgetPWPanel_01{ padding:20px 40px 40px; background:#fff; margin:0 0 20px;}
.forgetPWPanel_01 .btnField{ text-align:right; padding:0 0 20px;}
.forgetPWPanel_01 .btnField .btn{ display:inline-block; width:78px; height:30px; line-height:30px; text-align:center; cursor:pointer; background:url(../images/btn_bg_05.gif) 0 0 no-repeat; font-family:"宋体";}
.forgetPWPanel_01 .btnField .btn:hover{ text-decoration:none;}
.forgetPWPanel_01 .formField{ height:300px; background:#eee; padding:30px;}
.forgetPWPanel_01 .formField .title{ padding:0 0 10px;}
.forgetPWPanel_01 .formField .title h2{ color:#333; font-size:14px;}
.forgetPWPanel_01 .formField .list{}
.forgetPWPanel_01 .formField .list ul{}
.forgetPWPanel_01 .formField .list ul li{ margin:0 0 10px;}
.forgetPWPanel_01 .formField .list ul li .txt{ display:block; width:260px; height:24px; line-height:24px; padding:13px 20px; color:#999; border:0; background:url(../images/btn_bg_17.gif) 0 0 no-repeat; font-size:14px;}
.forgetPWPanel_01 .formField .btns{ padding:10px 0 0;}
.forgetPWPanel_01 .formField .btns .btn{ display:inline-block; vertical-align:middle; width:92px; height:32px; line-height:32px; text-align:center; color:#333; cursor:pointer; background:url(../images/btn_bg_07.gif) 0 0 no-repeat;}
.forgetPWPanel_01 .formField .btns .btn:hover{ text-decoration:none;}


.linkPanel_02{ width:100%; clear:both; background:#fff; margin:0 0 20px;}
.linkPanel_02 .infoField{ padding:8px 20px 0; color:#999;}
.linkPanel_02 .infoField em{ color:#333;}
.linkPanel_02 .linkField{ padding:17px 0 0 20px; height:90px; font-size:0;}
.linkPanel_02 .linkField a,.linkPanel_02 .linkField span{ display:inline-block; vertical-align:middle; padding:0 20px 0 0;}
.linkPanel_02 .linkField img{ display:block;}